<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <link rel="stylesheet" href="/style/common.css"> 
        <link rel="stylesheet" href="/style/myaccount.css"> 
        <link rel="stylesheet" href="/style/ui.tabs.css" type="text/css" /> 
        <link rel="stylesheet" href="/style/jqModal.css" type="text/css" /> 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
        <script src="/lib/jquery/ui.tabs.js" type="text/javascript"></script> 
        <script src="/lib/jquery/jqModal.js" type="text/javascript"></script> 
        <script src="/js/myaccount.js" type="text/javascript"></script>
        <script type="text/javascript"
            src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript">
		    (function($) {
		        $(document).ready(function() {
		            $.getJSON("/twt/getList", function(json) {
		            	$.each(json, function(i, n) {
		            		var strBuf = '<div class="tweet"><div style="margin: 5px;"><img src="' + 
		            	              json[i].profileImageURL +'" ></div><div style="position: absolute; top:0; left: 60px; margin: 5px;"><div style="font-weight: bolder;">' + 
		            	              json[i].screenName + '</div><div style="font-size: 1.1em;margin-top: 5px;">' +
		            	              json[i].text + '</div><div style="font-size: 0.8em;margin-top: 5px; margin-bottom: 5px;">' +
		            	              json[i].createdAt + '</div></div></div>';
		            		$('#timeline').append(strBuf);
		                });
		            });
		        });
		    })(jQuery);
		</script>        
<title>インタレストキュレーション</title> 
    </head> 
    <body> 
        <div id="containar"> 
            <div id="header"> 
                <div id="logo" style="float:left;"><a href="top.html">インタレストキュレーション</a></div> 
                <div class="header-top"></div> 
                <div id="searchform" style="float:left;"> 
                    <form name="searchform1" id="searchform1" method="get" action="#">  
                        <input name="keywords1" id="keywords1" value="" type="text" />  
                        検索
                    </form> 
                </div><!-- end of searchform --> 
                <div id="links"> 
                    <a href=#>設定</a> &nbsp;&nbsp;
                    <a href=#>ログアウト</a>
                </div><!-- end of links --> 
            </div><!-- end of header --> 
            
            <div id="main" class="clearBoth"> 
                <div id="ui-tab"> 
                    <ul> 
                        <li><a href="#fragment-1"><span>&nbsp; アカウント</span></a></li> 
                        <li><a href="#fragment-2"><span>&nbsp; スクラップブック</span></a></li> 
                    </ul> 
                    <div id="fragment-1"> 
                        <div class="global-nav"> 
                            <div class="global-nav-head"> 
                                アカウント
                            </div> 
                                <li><a href="/twt/listView">Twitter</a> &nbsp;&nbsp;</li>
                                <li><a href=#>Facebook</a></li>
                        </div>
                    </div>
                    <div id="fragment-2"> 
                    </div><!-- end of ui-tab --> 
                    <div class="timeline"> 
                        <div class="timeline-head"> 
                            タイムライン
                        </div> 
                        <div id="timeline" style="height:400px; overflow: auto;">
                        </div>
                    </div> 
                </div>
                
            </div><!-- end of main --> 
            
            <div id="footer" class="clearBoth"> 
                インタレストキュレーションについて &nbsp;&nbsp;
                ヘルプ
            </div><!-- end of footer --> 
        </div><!-- end of containar --> 
        
    </body> 
</html>